// 处理数据
var _awheight = window.screen.availHeight
var blnEdit = false
var curIndex = -1
$(function () {
    // 判断来源
    if(!sessionStorage.getItem('name')){
        location.href='login.html'
    }
    // 显示登录用户信息
    $('.t-right span').text(sessionStorage.getItem('name'))
    // 首次加载时显示数据
    loadData(data)
    // 绑定文本框输入事件
    $('#txtSearch').on('input', function () {
        // 过滤原有数据
        var key = $(this).val()
        if (key != '') {
            // 过滤原有数据
            var newData = data.filter(function (item) {
                return item.code == key
            })
            // 将过滤后的数据传给模板显示
            loadData(newData)
        } else {
            loadData(data)
        }
    })
    // 绑定增加按钮事件
    $('#btnAdd').on('click', function () {
        blnEdit = false
        $('#code').val('')
        $('#name').val('')
        $('#sex').val('')
        $('#age').val('20')
        $('#score').val('0')
        $('.bgaction').height(_awheight).show()
        $('#frmstu').show()
    })
    // 关闭对话框
    $('#close').on('click', function () {
        $('#frmstu').hide()
        $('.bgaction').hide()
    })
    // 绑定提交按钮事件
    $('#btnSend').on('click', function () {
        var d = {
            'code': $('#code').val(),
            'name': $('#name').val(),
            'age': $('#age').val(),
            'sex': $('input[name="sex"]:checked').val(),
            'score': $('#score').val()
        }
        if (blnEdit) {
            data[curIndex]=d
        } else {
            data.push(d)
        }
        loadData(data)
        $('#frmstu').hide()
        $('.bgaction').hide()
    })
})
// 将数据源显示在模板中
function loadData(data) {
    // 使用菜单自动适应屏幕的高度
    autoGetHeight()
    var Header = ''
    Header += '<li class="title"><span>学号</span>'
        + '<span>姓名</span>'
        + '<span>年龄</span>'
        + '<span>性别</span>'
        + '<span>分数</span>'
        + '<span style="width:10%">操作</span></li>'
    var HTML = ''
    // 如果数据源有数据
    if (data.length > 0) {
        $.each(data, function (index, data) {
            HTML += '<li><span>' + data.code + '</span><span>'
                + data.name + '</span><span>'
                + data.age + '</span><span>'
                + data.sex + '</span><span>'
                + data.score + '</span>'
                + '<span style="width:10%"><img onclick="edit(' + index + ')" src="imgs/pe.png" title="编辑"/><img title="删除" id="del" onclick="dele(' + index + ')" src="imgs/ru.png" /></span></li>'
        })
    } else {
        HTML += '<li style="text-align:center">没有找到相关数据</li>'
    }
    $('#ul').html(Header + HTML)
}
// 自动获取浏览器的高度作为菜单的高度
function autoGetHeight() {
    $('.b-left').height(_awheight - 81)
    $('.b-right').height(_awheight - 81 - 30)
}
// 根据所选的记录索引号删除记录
function dele(index) {
    var yesorno = confirm('你真的要删除这条记录吗?')
    if (yesorno) {
        // 执行删除操作
        data.splice(index, 1)
        // 更新显示数据
        loadData(data)
    }
}
// 编辑记录
function edit(index) {
    curIndex = index
    blnEdit = true
    var curData = data[index]
    $('#code').val(curData.code)
    $('#name').val(curData.name)
    $('#sex').val(curData.sex)
    $('#age').val(curData.age)
    $('#score').val(curData.score)
    $('.bgaction').height(_awheight).show()
    $('#frmstu').show()
}